<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>交易员列表</title>
	<link rel="stylesheet" href="../static/css/Reset.css">
	<link rel="stylesheet" href="../libs/swiper/swiper.min.css">
	<link rel="stylesheet" href="../static/css/bulkTrader_list.css" />
</head>
<body>
<div class="container" id="bulk" v-scroll="getMore" >
	<div class="main">
		<!--轮播图-->
		<div class="wz_swiper">
            <div class="swiper-container wz_swiper1">
                <div class="swiper-wrapper">
                	<div class="swiper-slide"><img src="../static/images/fqbeijingt.png" alt="" /></div>
                	<div class="swiper-slide"><img src="../static/images/fqbeijingt.png" alt="" /></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
		<!--交易员列表-->
		<ul class="cont_1">
			<li>
				<div id="tc_lists" class="tc_list" v-cloak>
					<dl class="list_contents" v-for="bulk in bulkData">
						<a v-bind:href="'bulkTrader_detail.html?id='+bulk.id">
							<div class="contents">
								<div class="fq_lise">
									<span class="fqspan_Img"><img class="fq_img" :src="bulk.headPic"></span>
									<div class="fq_list_r">
										<p class="fq_name">{{ bulk.nickName }}</p>
										<p class="fq_gold" v-if="bulk.tradeGrade==1"><img src="../static/images/gold.png">金牌交易员</p>
										<p class="fq_gold" v-if="bulk.tradeGrade==2"><img src="../static/images/silver.png">银牌交易员</p>
										<p class="fq_middle">累计交易:{{ bulk.tradeNum }}吨&nbsp;&nbsp;&nbsp;&nbsp;服务区域:{{bulk.seviceAreaList[0]}}</p>
										<p class="fq_bottom"><img src="../static/images/fqsc.png">擅长产品:<span v-for="f in bulk.seviceClassList">{{f&nbsp;&nbsp;}}</span></p>
									</div>										
								</div>
								<div class="fq_list1">{{ bulk.toProviderDesc }}</div>
							</div>
						</a>
					</dl>
				</div>
			</li>
		</ul>
	</div>
	<!--loading组件-->
	<loading v-show="showLoading"></loading>
</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/bulkTrader_list.js"></script>
</html>